import React, { Component } from 'react';
import { PageHeaderWrapper } from '@ant-design/pro-layout';
import { Card, Col, Row, Steps } from 'antd';
import EditForm from '@/pages/item/publishItem/components/EditForm';

const { Step } = Steps;

/**
 * 发布商品
 */
class PublishItem extends Component {
  state = {};

  render() {
    return (
      <PageHeaderWrapper
        content={
          <Steps>
            <Step title="选择产品" description="选择产品分类" status="process" />
            <Step title="填写商品信息" description="填写商品信息并提交" status="process" />
            <Step title="提交审核" description="等待审核通过" status="process" />
            <Step title="上架" description="在商品列表中选择商品进行上架" status="process" />
          </Steps>
        }
      >
        <Card bordered={false}>
          <Row gutter={24}>
            <Col sm={24} xs={24}>
              <div style={{ margin: '0 auto', maxWidth: 800 }}>
                <EditForm />
              </div>
            </Col>
          </Row>
        </Card>
      </PageHeaderWrapper>
    );
  }
}

export default PublishItem;
